<div class="navbar-wrapper">
    <div class="navbar-fixed-top nav-1">
        <div class="navbar-header">
            <a class="navbar-brand" id="logo" href="#/">
                <img src="/static/img/logo_2.png" width="" alt="we help you discover life" class="img-responsive" />
            </a>
        </div>
        <!-- /.logo -->
        <div class="container">
            <ul class="nav pull-right navbar-nav">
                <li class="divider-vertical"></li>
                <li class="dropdown" ng-show="user">
                    <a href="#/" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="glyphicon glyphicon-user icon-white"></i> {[ user.username ]}
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li> <a href="#/profile">Profile</a> </li>
                        <li class="divider"></li>
                        <li ng-controller="LogoutCtrl">
                            <a href="javascript:void(0)" ng-click="logout()">Logout</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <ul class="nav pull-right navbar-nav" ng-hide="user">
                <li active-link="active">
                    <a id="loginbtn btn-default" href="#/login" title="Login">Login</a>
                </li>
            </ul>
            <div class="navbar-collapse collapse" ng-if="user">
                <ul class="nav navbar-nav">
                    <li ui-sref-active="active"><a href="javascript:;"  ui-sref="message" >Message</a></li>
                    <li ui-sref-active="active"><a href="javascript:;"  ui-sref="inquire">Inquire</a></li>
                    <li ui-sref-active="active"><a href="javascript:;"  ui-sref="lead">Lead</a></li>
                    <li ui-sref-active="active"><a href="javascript:;"  ui-sref="contact">Contact</a></li>
                    <li ui-sref-active="active"><a href="javascript:;"  ui-sref="vector" >Vector</a></li>
                    <li ui-sref-active="active"><a href="javascript:;"  ui-sref="quote">Quote</a></li>
                    <li ui-sref-active="active"><a href="javascript:;"  ui-sref="order">Order</a></li>
                    <li ui-sref-active="active"><a href="javascript:;"  ui-sref="invoice">Invoice</a></li>
                    <li ui-sref-active="active"><a href="javascript:;"  ui-sref="project">Project</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- /.navbar-wrapper -->





<!--
<div class="container">
        <div class="navbar navbar-inverse navbar-fixed-top navbar-default">



        </div>

    </div>
-->